<!DOCTYPE html>
<html>
  <header>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" href="./css/index.css" />
  </header>
  <body>
    <div class="page" v-cloak>
      <div id="head" class="white">
        <button @click="gotoSetting">
          <img src="./img/setting.png" />
        </button>
        <button @click="gotoWifiSeting">
          <img :src="networkIcon" />
        </button>
        <span id="time" class="ml20">{{time}}</span>
      </div>
      <div class="content">
        <div v-for="(appobj,index) in apps">
          <div class="class">
            <button
              v-for="(app,subIndex) in appobj.arr"
              @click="clickListener(app)"
              @focus="onfocus($event)"
            >
              <img class="icon" :src="'clienticon:'+app.pkm" />
              <span class="name text-shadow">{{app.name}}</span>
            </button>
          </div>
        </div>
      </div>
    </div>
    <script src="./js/vue.min.js"></script>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
